|
Dialog Box: Dialog box is a rectangular GUI box that either requests or provides information. Some dialog boxes present warnings and options to choose from before windows can carry out a command. In dialog box users can entered your information.
<html><head><title>TooltipDialog demo</title>
<link rel="StyleSheet" type="text/css" href="js/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true };</script><script type="text/javascript" src="js/dojo/dojo.js"></script> <script type="text/javascript"> dojo.require("dojo.parser"); dojo.require("dijit.form.Button"); dojo.require("dijit.Dialog"); dojo.require("dijit.form.TextBox"); function checkPw(dialogFields) { if (dialogFields.confirmpw != dialogFields.newpw) alert("Confirmation password is different."); }</script></head><body class="tundra"> <div dojoType="dijit.form.DropDownButton"> <span>Login Form</span> <div dojoType="dijit.TooltipDialog" id="dialog1" title="Login Form" execute="checkPw(arguments[0]);"> <table><tr><td><label for="name" title="User name"> Username</label></td><td><input dojoType="dijit.form.TextBox" type="text" name="oldpw"></td></tr> <tr><td><label for="loc">Password: </label></td> <td><input dojoType="dijit.form.TextBox" type="password" name="newpw"></td> </tr><tr><td><label for="desc">Confirm Password: </label></td> <td><input dojoType="dijit.form.TextBox" type="password" name="confirmpw"></td> </tr><tr><td colspan="2" align="center"> <button dojoType="dijit.form.Button" type="submit">Login</button></td> </tr></table></div></div></body></html> |
copyright © 2014 - all rights riserved by javatechnologycenter.com